<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网上询价</title>
<%@ include file="/WEB-INF/views/layout/public_css.jsp"%>
<%@ include file="/WEB-INF/views/layout/public_js.jsp"%>
<style type="text/css">
.search-area .form-control {
	width:220px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
  
} );


</script>
</head>
<body>
<%@ include file="/WEB-INF/views/layout/head_ele.jsp"%>
<div class="container-fluid">
    <div class="list-title search-area" style="margin:5px 10px;height:auto;background-color:#fff; border:1px dashed #333">
      <div class="form-inline">
		<div class="form-group">
		    <label for="">地区</label>
		    <select class="form-control" style="width:120px">
			  <option>不限</option>
			  <option>重庆市</option>
			  <option>所有区县</option>
			</select>
			<select class="form-control" style="width:120px">
			  <option>主城九区</option>
			  <option>渝中区</option>
			  <option>江北区</option>
			  <option>南岸区</option>
			  <option>沙坪坝区</option>
			  <option>九龙坡区</option>
			  <option>大渡口区</option>
			  <option>渝北区</option>
			  <option>巴南区</option>
			  <option>北碚区</option>
			  <option>双桥区</option>
			  <option>两江新区</option>
			  <option>两江新区（旧）</option>
			</select>
			<select class="form-control" style="width:120px">
			  <option>渝东北地区</option>
			  <option>万州区</option>
			  <option>城口县</option>
			  <option>垫江县</option>
			  <option>丰都县</option>
			  <option>奉节县</option>
			  <option>开县</option>
			  <option>梁平县</option>
			  <option>巫山县</option>
			  <option>巫溪县</option>
			  <option>云阳县</option>
			  <option>忠县</option>
			</select>
			<select class="form-control" style="width:120px">
			  <option>渝东南地区</option>
			  <option>黔江区</option>
			  <option>涪陵区</option>
			  <option>彭水县</option>
			  <option>石柱县</option>
			  <option>武隆县</option>
			  <option>秀山县</option>
			  <option>酉阳县</option>
			</select>
			<select class="form-control" style="width:120px">
			  <option>渝西地区</option>
			  <option>万盛区</option>
			  <option>长寿区</option>
			  <option>江津区</option>
			  <option>合川区</option>
			  <option>璧山区</option>
			  <option>大足区</option>
			  <option>南川区</option>
			  <option>綦江区</option>
			  <option>荣昌县</option>
			  <option>铜梁区</option>
			  <option>潼南县</option>
			  <option>永川区</option>
			</select>
		  </div>
		<div class="form-group">
		    <label for="">询价状态</label>
			<select class="form-control" style="width:180px">
			  <option>不限</option>
			  <option>即将开始</option>
			  <option>正在进行</option>
			  <option>已结束</option>
			</select>
		  </div>
      </div>
      <div class="form-inline" style="margin-top:10px;">
      	<div class="form-group">
		    <label for="">
		    	<span class="padding-lr-20" style="padding-left:0;">默认</span>
		    	<span class="padding-lr-20">价格排序</span>
		    	<span class="padding-lr-20">时间排序</span>
		    </label>
		  </div>
		  <div class="form-group">
		    <label for=""></label>
		    <select class="form-control" style="width:180px">
			  <option>民政项目采购</option>
			  <option>社区融合服务项目</option>
			  <option>社区救助服务项目</option>
			  <option>居家养老服务项目</option>
			  <option>留守人群服务项目</option>
			  <option>婚姻家庭服务项目</option>
			  <option>社区临终关怀项目</option>
			  <option>流浪乞讨人员服务项目</option>
			</select>
		  </div>
		  <div class="form-group">
		    <label for=""></label>
		    <select class="form-control" style="width:180px">
			  <option>民创新性项目采购</option>
			  <option>剪发项目</option>
			  <option>糖尿病慢病管理项目</option>
			  <option>有机食品项目</option>
			</select>
		  </div>
		  <div class="form-group" style="margin-right:0;">
		    <label for="">报价时间</label>
	    	<input type="text" class="form-control" name="start" id="qBeginTime" readonly class="form_datetime" style="width:180px"/>
		  </div>
		  <div class="form-group">
		    <label for="">—</label>
            <input type="text" class="form-control" name="end" id="qEndTime" readonly class="form_datetime" style="width:180px"/>
		  </div>
		  <button type="submit" class="btn btn-primary">搜索</button>
      </div>
    </div>
	<div class="row" style="margin:10px 7px;">
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div style="background-color:#ddd">
					<h4 class="text-left" style="padding:10px 10px;margin:0">录音笔微型专业隔墙高清降噪</h4>
					<p class="text-left" style="padding:5px 10px;margin:0">限价总额:100~300</p>
					<p class="text-left" style="padding:5px 10px;margin:0">交货时间:3天15小时</p>
				</div>
				<p class="text-left" style="padding:5px 10px;margin:0">时间信息</p>
				<p class="text-left" style="padding:5px 10px;margin:0">参与竞标报价信息</p>
				<p class="text-left" style="padding:5px 10px;margin:0">标的进展信息</p>
				<p class="text-right" style="padding:5px 10px;margin:0">
					<a href="<%=basePath%>/electronic/onlineInquiryZ"><button type="button" class="btn btn-default">详情</button></a>
				</p>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div style="background-color:#ddd">
					<h4 class="text-left" style="padding:10px 10px;margin:0">锐族X02运动MP3 MP4 音乐播放器</h4>
					<p class="text-left" style="padding:5px 10px;margin:0">限价总额:150~280</p>
					<p class="text-left" style="padding:5px 10px;margin:0">交货时间:2天15小时</p>
				</div>
				<p class="text-left" style="padding:5px 10px;margin:0">时间信息：2017年4月14日</p>
				<p class="text-left" style="padding:5px 10px;margin:0">参与竞标报价信息：1人</p>
				<p class="text-left" style="padding:5px 10px;margin:0">标的进展信息：20%</p>
				<p class="text-right" style="padding:5px 10px;margin:0">
					<a href="<%=basePath%>/electronic/onlineInquiryZ"><button type="button" class="btn btn-default">详情</button></a>
				</p>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div style="background-color:#ddd">
					<h4 class="text-left" style="padding:10px 10px;margin:0">清华同方TF-91专业录音笔高清远距微型</h4>
					<p class="text-left" style="padding:5px 10px;margin:0">限价总额:130~500</p>
					<p class="text-left" style="padding:5px 10px;margin:0">交货时间:1天28小时</p>
				</div>
				<p class="text-left" style="padding:5px 10px;margin:0">时间信息：2017年4月14日</p>
				<p class="text-left" style="padding:5px 10px;margin:0">参与竞标报价信息：3人</p>
				<p class="text-left" style="padding:5px 10px;margin:0">标的进展信息：30%</p>
				<p class="text-right" style="padding:5px 10px;margin:0">
					<a href="<%=basePath%>/electronic/onlineInquiryZ"><button type="button" class="btn btn-default">详情</button></a>
				</p>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div style="background-color:#ddd">
					<h4 class="text-left" style="padding:10px 10px;margin:0">蓝慧E108无损MP3 MP4 音乐播放器</h4>
					<p class="text-left" style="padding:5px 10px;margin:0">限价总额:80~420</p>
					<p class="text-left" style="padding:5px 10px;margin:0">交货时间:6天23小时</p>
				</div>
				<p class="text-left" style="padding:5px 10px;margin:0">时间信息：2017年4月14日</p>
				<p class="text-left" style="padding:5px 10px;margin:0">参与竞标报价信息2人</p>
				<p class="text-left" style="padding:5px 10px;margin:0">标的进展信息：50%</p>
				<p class="text-right" style="padding:5px 10px;margin:0">
					<a href="<%=basePath%>/electronic/onlineInquiryZ"><button type="button" class="btn btn-default">详情</button></a>
				</p>
			</div>
		</div>
    </div>
    <div class="dataTables_wrapper form-inline dt-bootstrap no-footer" style="margin:0 10px"><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="cppl_table_info" role="status" aria-live="polite">显示第 1 至 4 项结果，共 4 项</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_full_numbers" id="cppl_table_paginate"><ul class="pagination"><li class="paginate_button first disabled" id="cppl_table_first"><a href="#" aria-controls="cppl_table" data-dt-idx="0" tabindex="0">首页</a></li><li class="paginate_button previous disabled" id="cppl_table_previous"><a href="#" aria-controls="cppl_table" data-dt-idx="1" tabindex="0">上页</a></li><li class="paginate_button active"><a href="#" aria-controls="cppl_table" data-dt-idx="2" tabindex="0">1</a></li><li class="paginate_button next disabled" id="cppl_table_next"><a href="#" aria-controls="cppl_table" data-dt-idx="3" tabindex="0">下页</a></li><li class="paginate_button last disabled" id="cppl_table_last"><a href="#" aria-controls="cppl_table" data-dt-idx="4" tabindex="0">末页</a></li></ul></div></div></div></div>
</div>
</body>
</html>